﻿@font-face 
{
    font-family: 'Conv_Klavika-Regular';
    src: url('fonts/Klavika-Regular.eot');
    src: local('☺'), 
    url('fonts/Klavika-Regular.woff') format('woff'), 
    url('fonts/Klavika-Regular.ttf') format('truetype'), 
    url('fonts/Klavika-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body 
{
    background-color: #323230; 
    font-size: 20px;
    color:#B6B7B7;
    font-family: Conv_Klavika-Regular, Sans-Serif;
    padding: 1.5% 0.5% 0% 1.5%;
}

.h2
{
    font-size:26px;
}

.h3
{
    font-size:24px;
}

.page
{
    width:100%;  
    padding-bottom:1%;
}

.page img 
{
    border:none;
}

/********************************************/
/****************HOME PAGE*******************/
/********************************************/
.autoImage 
{
    width:100%;    
}

div#title
{
    width:100%;
}

img#homeUpperSeparator
{
    margin: 2% 0% 2% 0%; 
}

table#homeMenuTable
{
    width:100%;
}

table#homeMenuTable tr
{
    width:100%;
    margin-bottom:1%;
}

.firstMenuColumn
{
    width:38%;
}

.firstMenuColumn img
{
    width:100%;
}

.secondMenuColumn
{
    width:61%;
}

.secondMenuColumn img
{
    width:61%;
}

img#homeLowerSeparator
{
    margin: 1.5% 0% 0% 0%; 
}

/********************************************/
/****************MASTER PAGE*****************/
/********************************************/
table#pageHeader
{
    width:100%;
    margin:1.5% 0% 0% 0%;
}

td#pageTitle
{
    padding-left:1%;
    width:65%;
    text-align:left;
    vertical-align:bottom;
    color:#B6B7B7;
    font-size:170%;
    font-weight:bold;
}

td#pageTitle img
{
    max-width:100%;
}

td#pageLogo
{        
    width:35%;      
    text-align:right;
    vertical-align:bottom;
}

td#pageLogo img
{
    max-width:45%;
}

/********************************************/
/****************STANOVI PAGE****************/
/********************************************/
div#stanoviEtazeMenuContainer
{           
    width:30%;
    font-size:40%;
}

div#stanoviEtazeMenuContainer table
{
    width:100%;
}
ul#stanoviEtazeMenu
{      
    margin:0% 1.5% 0% 0%; 
    padding:0%;    
}
ul#stanoviEtazeMenu li
{    
    list-style:none; 
}

ul#stanoviEtazeMenu li div
{    
    border:3px solid #B6B7B7;
    padding:2px 8px 2px 2px;
    margin-bottom:5px;
}

td#stanoviSeparator 
{      
    background-image:url('Images/Stanovi/VerticalSeparator.png');
    background-repeat:repeat-y;
}

div#stanoviText
{    
    width:96%;
    padding:2%;
}

div#stanoviPhotos img 
{
    max-width:100%;
    padding:2%;
}

/********************************************/
/******POSLOVNI PROSTORI PAGE****************/
/********************************************/
ul#poslovniProstoriPdfContainer
{
    width:100%;
    margin:0% 1.5% 0% 0%; 
    padding:0%; 
}

ul#poslovniProstoriPdfContainer li
{
    list-style:none;
    display:inline; 
    margin: 0% 1% 0% 0%;
}

ul#poslovniProstoriPdfContainer img
{
    width:32%;
}

div#poslovniProstoriText
{
    width:100%;
}


/********************************************/
/*************O PROJEKTU PAGE****************/
/********************************************/
div#oProjektuText
{
    margin-top:2%;
    width:100%;
}

/********************************************/
/*************TRAZILICA PAGE*****************/
/********************************************/
table#paramInput
{
    width:100%;
    margin: 1% 0% 2% 0%;
    color:White;
}

table#paramInput th
{
    text-align:center;
    padding-right:5%;
} 

table#paramInput select
{
    width:90%; 
    background-color:#A0A0A0;
    border: none; 
    margin-right:5%;
} 

table#paramInput input
{
    width:100%; 
    background-color:#A0A0A0;
    border: none; 
} 

table#apartments 
{
    width:100%;
    border-collapse:collapse;
    border: 1px solid gray;
}

table#apartments th
{
    background-color:#A0A0A0;
    border: 1px solid gray;
    text-align:left;
    padding-left:1%;    
}

table#apartments td
{
    background-color:White;
    border: 1px solid gray;
    text-align:left;
    padding: 0.5% 0% 0.5% 1%;    
}

table#apartments a 
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration:none; 
    color:Black;
        
}

table#apartments a:link
{
    display: block;
    width: 100%;
    height: 100%;
    color:Black;
}

table#apartments a:visited
{
    display: block;
    width: 100%;
    height: 100%;
    color:Black;
}

table#apartments a:active
{
    display: block;
    width: 100%;
    height: 100%;
    color:Black;
}


/********************************************/
/*************APARTMENT PAGE*****************/
/********************************************/
div#apartmentContainer
{
    overflow:auto;
    background-color:#1F201E;
    margin: 1.5% 0% 3% 0%;
    padding: 0.5% 2% 0% 5%;
    color:#DA8A18;
    font-weight:bold;
}

div#apartmentContainer table
{
    width:100%;
    margin-bottom:2%;
}

div#apartmentContainer table th
{
    text-align:center;
}

div#apartmentContainer table td
{
    text-align:center;
    width:33%;
}

div#apartmentContainer table td img
{
    max-width:60%;
}

/********************************************/
/****************KONTAKT PAGE****************/
/********************************************/
div#kontaktText b
{
    color:#DA8A18;
}

/********************************************/
/****************GARAŽE PAGE*****************/
/********************************************/
div#garazeContainer
{
    width:100%;     
    overflow:auto; 
}

div#garazeContainer div
{       
    overflow:auto; 
}

div#garazeContainer img
{       
    max-width:98%;
}

.leftGarazePdf
{
    float:left;
    width:50%;
    text-align:left;
}

.rightGarazePdf
{
    float:right;
    width:50%;
    text-align:right;
}